<#import "/ftl/mainAdmin.ftl" as page>

<@page.mainTemplate styleSheet="bankMaintainCss" jsFile="tradeDetailJs" current="用户交易详情">
  	<div class="page-content">
  		<!-- BEGIN PAGE HEAD-->
        <div class="page-head">
            <!-- BEGIN PAGE TITLE -->
            <div class="page-title">
                <h1>系统运维
                    <small>用户交易详情</small>
                </h1>
            </div>
            <!-- END PAGE TITLE -->
        </div>
        <!-- END PAGE HEAD-->
        <!-- BEGIN PAGE BREADCRUMB -->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="${context}/base/index_ftl">首页</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span class="active">用户交易详情</span>
            </li>
        </ul>
        <!-- END PAGE BREADCRUMB -->
        <!-- BEGIN PAGE BASE CONTENT -->
        <div class="row">
            <div class="col-md-12 col-sm-12 search-form">
                <form id="searchForm" name="searchForm" action="" method="post">
                	<div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">用户</span>
                        <select id="consumer_id" name="consumer_id" class="form-control input-inline" >
                         </select>
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">子账号</span>
                        <input name="subAccount" class="form-control col-md-4" placeholder="子账号"></input>
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">交易会员代码</span>
                        <input name="tradeMemCode" class="form-control col-md-4" placeholder="交易会员代码"></input>
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">对方子账户</span>
                        <input name="otherSubAccount" class="form-control col-md-4" placeholder="对方子账户"></input>
                    </div>
                     <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">开始日期</span>
                        <div class="input-group-content">
                        <!--<div class="input-group date date-picker" data-date-format="dd-mm-yyyy" >-->
                        <div class="input-group date form_datetime" data-date-format="yyyy-mm-dd hh:ii">
                           <input type="text" id="startTimes" name="startTimes" class="form-control" readonly="readonly" placeholder="★交易开始日期" value="">
                                <span class="input-group-btn">
                                      <button class="btn default date-set" type="button">
                                           <i class="fa fa-calendar"></i>
                                         </button>
                                </span>
                           </div>
                        </div>
                       
                    </div>
                     <div class="search-item input-group col-md-4 col-sm-4">
                        <span class="input-group-addon">结束日期</span>
                        <div class="input-group-content">
                        <!--<div class="input-group date date-picker" data-date-format="dd-mm-yyyy" >-->
                        <div class="input-group date form_datetime" data-date-format="yyyy-mm-dd hh:ii">
                           <input type="text" id="endTimes" name="endTimes" class="form-control" readonly="readonly" placeholder="★交易结束日期" value="">
                                <span class="input-group-btn">
                                      <button class="btn default date-set" type="button">
                                           <i class="fa fa-calendar"></i>
                                         </button>
                                </span>
                           </div>
                        </div>
                       
                    </div>
                    <div class="search-item input-group col-md-4 col-sm-4">
                    	<a id="tradeDetailSearch" name="search" href="javascript:;" class="btn btn-success">查询</a>
                        <button type="reset" id="btnClearForm" name="reset" href="javascript:;" class="btn btn-default">清空</button>
                    </div>
                </form>
            </div>
        </div> 
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <!-- BEGIN PORTLET-->
                <div class="portlet light bordered">
                    <div class="portlet-body">
                    <div class="caption">
                            <div id="tips" class="tips"></div>
                        </div>
                        <table class="table table-striped table-bordered table-hover table-checkable order-column" id="tradeDetail">
                            <thead>
                                <tr role="row" class="heading">
                                	<th width="20%"> 子账号 </th>
                                    <th> 交易码 </th>
                                    <th> 收付款标志  </th>
                                    <th> 对方子账号</th>
                                    <th> 发生额  </th>
                                    <th> 子账户余额</th>
                                    <th> 交易流水号 </th>
                                    <th> 交易时间</th>
                                    <th> 操作</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="caption">
                            <div class="row">
                               <div class="col-md-5 col-sm-12" style="display:none;" id="total">
                                  <div class="dataTables_info" id="total0" role="status" aria-live="polite"></div>
                               </div>
                            <div class="col-md-7 col-sm-12" style="margin-top:-15px;float:right;display:none;" id="page">
                            <input type="hidden" id="start_page">
                            <input type="hidden" id="current_page" />
                            <input type="hidden" id="show_per_page" />
                            <input type="hidden" id="end_page">
                               <div id="pageGro" class="cb">
                                   <div class="pagestart" title="首页"><i class="fa fa-angle-double-left"></i></div>
                                   <div class="pageUp" title="上一页"><i class="fa fa-angle-left"></i></div>
                                   <div class="pageList">
                                        <ul>
                                           <li>1</li>
                                           <li>2</li>
                                           <li>3</li>
                                           <li>4</li>
                                           <li>5</li>
                                        </ul>
                                   </div>
                                   <div class="pageDown" title="下一页"><i class="fa fa-angle-right"></i></div>
                                   <div class="pageend" title="尾页"><i class="fa fa-angle-double-right"></i></div>
                               </div>
                          </div>
                          </div>
                       </div>
                    </div>
                </div>
                <!-- END PORTLET-->
            </div>
        </div>
        <script type="text/javascript">

</script>
        <!-- END PAGE BASE CONTENT -->
    </div>
</@page.mainTemplate>